<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>微支付</title>
	</head>
	<script src="./js/jQurey.js"></script>
	<body>

		<!-- disabled="disabled"灰色按钮 -->
		
		<button id="pay">支付宝支付</button>
		<button>微信支付</button>
		<div>
		<lable>爱好:</lable>
			<input name="d" type="checkbox" id="hobby" checked="checked" />和平精英
			<input type="checkbox" id="hobby" />王者荣耀
			<input type="checkbox" id="hobby" />英雄联盟
		</div>
		<div>
			<button id="selectAll">全选</button>
			<button id="unSelectAll">未全选</button>
		</div>
	</body>
</html>

<script>
 	$("#pay").click(function(){
		//disabled 在jQurey中是一个布尔值
		$("#pay").attr("disabled",true);
		$("#pay").text($(this).text() + "已支付,请稍后...");
	})
	$("#selectAll").click(function(){
		//$("#hobby").attr("checked",true)	
		$("[id = hobby]").prop("checked",true);
	})
	//attr 方法只能执行一次
	//prop 多次使用
	$("#unSelectAll").click(function(){
		$("[id = hobby]").prop("checked",false);
	})
	
	
	$().ready(function(){
		console.log("你的名字");
	}) 
	
	$(function(){
		console.log("突击队队长");
	})
	
// https://p.3.cn/prices/mgets?skuIds=J_100008348542
</script>